<html>

<head>
    <title>grapecity_spreadJS_demo</title>
    <script src="jquery_3.1.1.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="gc.spread.sheets.excel2013white.14.2.2.css" type="text/css">
    <script src="gc.spread.sheets.all.14.2.2.min.js" type="text/javascript"></script>
    <script src="gc.spread.excelio.14.2.2.min.js" type="text/javascript"></script>
    <script src="https://cdn.grapecity.com.cn/spreadjs/scripts/FileSaver.min.js" type="text/javascript"></script>
    <script src="gc.spread.sheets.resources.zh.14.2.2.min.js" type="text/javascript"></script>
    <script src="gc.spread.sheets.print.14.2.2.min.js" type="text/javascript"></script>
    <script src="gc.spread.sheets.pdf.14.2.2.min.js" type="text/javascript"></script>
    <script src="gc.spread.sheets.charts.14.2.2.min.js" type="text/javascript"></script>
    <script src="v14.js" type="text/javascript"></script>
    <style type="text/css"></style>
</head>

<body>
    <div id="ss" style="width:1002px; height:400px;"></div>
    <input id="export" type="button" value="export">
    <script type="text/javascript">
        // Title：自定义列头字体颜色
        // Description：自定义列头字体颜色
        // Tag:列头，字体颜色
        
        var oldgetThemeStyle = GC.Spread.Sheets.CellTypes.ColumnHeader.prototype.getThemeStyle;
        		GC.Spread.Sheets.CellTypes.ColumnHeader.prototype.getThemeStyle = function (visualState, defaultClass){
        			var style = oldgetThemeStyle.apply(this, [visualState, defaultClass]);
        			style.color = undefined;
        			return style;
        		}
        
        		var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), {
        			sheetCount: 2
        		});
        		var sheet = spread.getActiveSheet();
        		sheet.getCell(0, 0, GC.Spread.Sheets.SheetArea.colHeader).foreColor("red");
        		sheet.getCell(0, 1, GC.Spread.Sheets.SheetArea.colHeader).foreColor("green");
    </script>
</body>

</html>